<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
    <title>Document</title>
    <!-- Bootstrap -->
    <link href="https://cdn.bootcss.com/twitter-bootstrap/3.3.7/css/bootstrap.css" rel="stylesheet">
    <link rel="stylesheet" href="./css/reset.css">
    <link rel="stylesheet" href="./css/index.css">

    <!-- HTML5 shim 和 Respond.js 是为了让 IE8 支持 HTML5 元素和媒体查询（media queries）功能 -->
    <!-- 警告：通过 file:// 协议（就是直接将 html 页面拖拽到浏览器中）访问页面时 Respond.js 不起作用 -->
    <!--[if lt IE 9]>
    <script>window.location="index-ie.html"</script>
    <![endif]-->

    <!-- <style>
        ul,
        li {
            list-style: none;
            margin: 0;
            padding: 0;
            border-color: white;
        }

        li:hover,
        .active {
            /*border-top: 10px solid;*/
            border-color: #4fa5df;
            color: #4fa5df;
        }
    </style> -->


</head>

<body>
    <div class="wraper">
        <!-- 头部 -->
        <!-- 头部 -->
        <div class="head">
            <div class="head-c w">
                <img src="./img/Logo.png" alt="" srcset="">
                <div id="nav" class="nav">
                    <ul>
                        <!-- <li><a href="#">首页</a></li>
                        <li><a href="#">视频资源</a>
                            <ul>
                                <li><a href="#">JavaScript</a></li>
                                <li><a href="#">jQuery</a></li>
                                <li><a href="#">Ajax</a></li>
                            </ul>
                        </li>
                        <li><a href="#">可执行文件</a>
                            <ul>
                                <li><a href="#">视频学习</a></li>
                                <li><a href="#">案例学习</a></li>
                                <li><a href="#">交流平台</a></li>
                            </ul>
                        </li>
                        <li><a href="#">音频资源</a>
                            <ul>
                                <li><a href="#">视频学习</a></li>
                                <li><a href="#">案例学习</a></li>
                                <li><a href="#">交流平台</a></li>
                            </ul>
                        </li>
                        <li><a href="#">文档资源</a>
                            <ul>
                                <li><a href="#">视频学习</a></li>
                                <li><a href="#">案例学习</a></li>
                                <li><a href="#">交流平台</a></li>
                            </ul>
                        </li> -->
                    </ul>
                </div>
                <div class="search">
                    <input type="text">
                    <span class="search-font">搜索</span>
                    <div class="userImg">
                        <img src="./img/member.png">
                        <span>登陆</span>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- 内容 -->
    <div>
        <div class="content-c w">
            <div class="banner">
                <img src="./img/Arrow/3@4x.png" alt="" srcset="" class="arrow-l">
                <div class="banner-c"></div>
                <img src="./img/Arrow/2@4x.png" alt="" srcset="" class="arrow-r">
            </div>
            <div class="inner-c">
                <!-- 视频资源分类专题部分1 -->
                <!-- <div class="content-c-2">
                    <div class="title">
                        <div class="left">
                            <div class="left-t">
                                <span class="left-t-l"></span>
                                <span class="left-t-r">视频资源分类专题</span>
                            </div> -->
                            <!-- 家具别墅类的具体内容 -->
                            <!-- <div class="title-c">
                                <div>
                                    <a href="javascript:;"> <span>办公空间</span></a>
                                    <a href="javascript:;"> <span>办公空间</span></a>
                                    <a href="javascript:;"> <span>办公空间</span></a>
                                </div>
                                <div>
                                    <a href="javascript:;"> <span>办公空间</span></a>
                                    <a href="javascript:;"> <span>办公空间</span></a>
                                    <a href="javascript:;"> <span>办公空间</span></a>
                                </div>
                                <div>
                                    <a href="javascript:;"> <span>办公空间</span></a>
                                    <a href="javascript:;"> <span>办公空间</span></a>
                                    <a href="javascript:;"> <span>办公空间</span></a>
                                </div>
                                <div>
                                    <a href="javascript:;"> <span>办公空间</span></a>
                                    <a href="javascript:;"> <span>办公空间</span></a>
                                    <a href="javascript:;"> <span>办公空间</span></a>
                                </div>
                            </div>
                        </div> -->
                        <!-- 右边的内容 -->
                        <!-- <div class="right">
                            <div class="box">
                                <a href="javascript:;">
                                    <div class="box-c">
                                        <img src="./img/test/9252150_174018365301_2.jpg" alt="" srcset="">
                                    </div>
                                    <p>我的资源</p>
                                </a>
                            </div>
                            <div class="box">
                                <a href="javascript:;">
                                    <div class="box-c">
                                        <img src="./img/test/9252150_174018365301_2.jpg" alt="" srcset="">
                                    </div>
                                    <p>我的资源</p>
                                </a>
                            </div>
                            <div class="box">
                                <a href="javascript:;">
                                    <div class="box-c">
                                        <img src="./img/test/9252150_174018365301_2.jpg" alt="" srcset="">
                                    </div>
                                    <p>我的资源</p>
                                </a>
                            </div>
                            <div class="box">
                                <a href="javascript:;">
                                    <div class="box-c">
                                        <img src="./img/test/9252150_174018365301_2.jpg" alt="" srcset="">
                                    </div>
                                    <p>我的资源</p>
                                </a>
                            </div>
                            <div class="box">
                                <a href="javascript:;">
                                    <div class="box-c">
                                        <img src="./img/test/9252150_174018365301_2.jpg" alt="" srcset="">
                                    </div>
                                    <p>我的资源</p>
                                </a>
                            </div>
                        </div> -->
                    </div>
                </div>

            </div>
        </div>
    </div>
    <!-- 底部 -->
    <div class="footer">
        <div class="footer-c w">
            <div class="first">
                <ul>

                    <li><a href="#">关于我们</a></li><span class="line ">|</span>
                    <li><a href="#">帮助中心</a></li><span class="line ">|</span>
                    <li><a href="#">联系我们</a></li><span class="line ">|</span>
                    <li><a href="#">在线教学平台</a></li><span class="line ">|</span>
                    <li><a href="#">英途信息技术</a>
                </ul>
            </div>
            <div class="line2"></div>
            <div class="sec mt ">
                <ul>
                    <li>由 英途信息技术 提供技术支持 CopyRight©2014 Mobile Inc. </li><span class="line ">|</span>
                    <li>版权所有：广州市英途信息技术有限公司</li><span class="line ">|</span>
                    <li> 粤ICP备10231381号-3号</li><span class="line ">|</span>
                    <li> 电话：020-38921121 </li>
                </ul>
                <ul class="sec-md ">
                    <li>传真：020-85589057 </li><span class="line ">|</span>
                    <li> 邮编：510635</li><span class="line ">|</span>
                    <li> 邮箱：romen@etoinfo.com </li><span class="line ">|</span>
                    <li> 地址：广州高新技术产业开发区科学城科学大道33号A栋2层206房</li>
                </ul>
            </div>

        </div>
    </div>

    </div>
</body>
<script src="https://cdn.bootcss.com/jquery/3.3.1/jquery.js"></script>
<script src="./lib/arttemplate/template-web.js"></script>
<!-- 最新的 Bootstrap 核心 JavaScript 文件 -->
<script src="https://cdn.bootcss.com/twitter-bootstrap/3.3.7/js/bootstrap.js"></script>
<script src="./js/common.js"></script>
<script src="./js/index.js"></script>

</html>
<!-- 一级分类模板 -->
<script id="firstClass" type="text/html">
    <li><a href="#">首页</a></li>
    {{each arr value index}}
    <li><a href="#">{{value.classname}}</a>
        <ul>
            {{each value.subcates subvalue index}}
            <li><a href="#">{{subvalue.sub_classname}}</a></li>
            {{/each}}
            <!-- <li><a href="#">jQuery</a></li>
            <li><a href="#">Ajax</a></li> -->
        </ul>
    </li>
    {{/each}}
</script>


<!-- 二级分类 -->
<script id="secClass" type="text/html">
    {{each arr value index}}
    <div class="content-c-2">
        <div class="title">
            <div class="left">
                <div class="left-t">
                    <span class="left-t-l"></span>
                    <span class="left-t-r">{{value.classname}}</span>
                </div>
                <!-- 家具别墅类的具体内容 -->
                <div class="title-c">
                    <div>
                            {{each value.subcates subvalue index}}
                        <a href="javascript:;"> <span>{{subvalue.sub_classname}}</span></a>
                        
                        {{/each}}
                    </div>
                </div>
            </div>
            <!-- 右边的内容 -->
            <div class="right">
                <div class="box">
                    <a href="javascript:;">
                        <div class="box-c">
                            <img src="./img/test/9252150_174018365301_2.jpg" alt="" srcset="">
                        </div>
                        <p>我的资源</p>
                    </a>
                </div>
                <div class="box">
                    <a href="javascript:;">
                        <div class="box-c">
                            <img src="./img/test/9252150_174018365301_2.jpg" alt="" srcset="">
                        </div>
                        <p>我的资源</p>
                    </a>
                </div>
                <div class="box">
                    <a href="javascript:;">
                        <div class="box-c">
                            <img src="./img/test/9252150_174018365301_2.jpg" alt="" srcset="">
                        </div>
                        <p>我的资源</p>
                    </a>
                </div>
                <div class="box">
                    <a href="javascript:;">
                        <div class="box-c">
                            <img src="./img/test/9252150_174018365301_2.jpg" alt="" srcset="">
                        </div>
                        <p>我的资源</p>
                    </a>
                </div>
                <div class="box">
                    <a href="javascript:;">
                        <div class="box-c">
                            <img src="./img/test/9252150_174018365301_2.jpg" alt="" srcset="">
                        </div>
                        <p>我的资源</p>
                    </a>
                </div>
            </div>
        </div>
    </div>
{{/each}}


</script>